<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon"
	href="<c:url value="/resources/img/yolo-favicon.ico" />" />
<!-- init css files -->
<link rel="stylesheet"
	href="<c:url value="/resources/css/loading-modal.css" />" />
<link rel="stylesheet"
	href="<c:url value="/resources/css/foundation/docs-16.css" />">
<link rel="stylesheet"
	href="<c:url value="/resources/css/foundation/foundation-datepicker.css" />" />
<link rel="stylesheet"
	href="<c:url value="/resources/css/token-input.css" />" type="text/css" />
<link rel="stylesheet"
	href="<c:url value="/resources/css/token-input-yolo.css" />"
	type="text/css" />
<link rel="stylesheet"
	href="<c:url value="/resources/css/jquery-ui.css" />" type="text/css" />
<link rel="stylesheet"
	href="<c:url value="/resources/css/foundation/confirm.css" />"
	type="text/css" />

<link rel="stylesheet"
	href="<c:url value="/resources/css/notification-css/font-awesome.min.css" />"
	type="text/css" />
<link rel="stylesheet"
	href="<c:url value="/resources/css/notification-css/noty.manager.css" />"
	type="text/css" />
<link rel="stylesheet"
	href="<c:url value="/resources/css/notification-css/notification.css" />"
	type="text/css" />

<!-- init js file -->
<script src="<c:url value="/resources/js/vendor/modernizr.js"/>"></script>
<script src="<c:url value="/resources/js/vendor/jquery.js" />"></script>
<script src="<c:url value="/resources/js/vendor/all.js"/>"></script>
<script
	src="<c:url value="/resources/js/foundation/foundation-datepicker.js"/>"></script>
<%-- <script src="<c:url value="/resources/js/jquery.tokeninput.js"/>"></script> --%>
<script src="<c:url value="/resources/js/jquery.tokeninput.fixed.js"/>"></script>
<script src="<c:url value="/resources/js/jquery.atmosphere.js" />"></script>
<script src="<c:url value="/resources/js/jquery.noty.packaged.js" />"></script>
<script src="<c:url value="/resources/js/jquery.noty.manager.js" />"></script>
<script src="<c:url value="/resources/js/jquery-ui.js"/>"></script>
<script src="<c:url value="/resources/js/jquery.mousewheel.js"/>"></script>
<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> -->
<!-- <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> -->
<title><tiles:insertAttribute name="title" /></title>
</head>
<body class="antialiased hide-extras">

	<div id="loading" class="loading-modal" style="display: none"></div>
	<div id="loading-bottom-small" class="loading-modal-bottom-small"
		style="display: none"></div>

	<tiles:insertAttribute name="js" />
	<tiles:insertAttribute name="body" />
	<tiles:insertAttribute name="jsbottom" />

	<script>
		$(document).ready(
				function() {
					// 			$("#alert-success-task-list-page").fadeOut(5000);
					// function stickyFooter
					function stickyFooter() {
						var footer = $("#footer");
						var pos = footer.position();
						var height = $(window).height();
						height = height - pos.top;
						height = height - footer.outerHeight();

						if (height > 0) {
							footer.css({
								'margin-top' : height + 'px'
							});
						}
					}
					//function topbarResize
					function topbarResize() {
						var viewportWidth = $(window).innerWidth();
						if (viewportWidth > 1024) {
							$('#top-bar').removeClass('top-bar-medium')
									.addClass('top-bar-large');
						} else {
							$('#top-bar').removeClass('top-bar-large')
									.addClass('top-bar-medium');
						}
					}
					//
					stickyFooter();
					topbarResize();
					$(window).resize(function() {
						stickyFooter();
						topbarResize();
					});
					//
					$(document).on('close.fndtn.alert-box', function(event) {
						console.info('An alert box has been closed!');
						stickyFooter();
					});

				});

		if ($("#form-abide").attr('data-abide')!="ajax")
		{
			$("#form-abide").attr('data-abide', '');	
		}
		$(document).foundation();
	</script>
	<tiles:insertAttribute name="notification" />
</body>
</html>
